<template>
    <div>
        <div class="box">
            <p>模拟考试第 <span>【{{ title }}】</span>场</p>
            <div class="imgBox">
                <img src="../../assets/headportrait.jpg" alt="">
            </div>
            <div class="contie">
                <p>准考证: <span>{{ num }}</span></p>
                <p>考生姓名:<span>{{ name }}</span></p>
                <p>性别:<span>{{ sex }}</span></p>
                <p>考试题数:<span>{{ count }}</span></p>
                <p>考试时间:<span><b>{{ time }}分钟</b></span></p>
            </div>
            <div class="foot">
                <p>满分100------ <span>90</span>分及格</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:"",
    props:['seconds'],
    data() {
        return {
            num:'610600',
            title:'一',
            name:'学霸',
            sex:'男',
            count:'100',
            time: 45,
        }
    },
    created() {

    },
    mounted() {

    }
}
</script>
<style scoped>
.box{
    width: 349px;
}
.box>p{
    margin: 40px;
    font-size: 18px;
    color: cornflowerblue;
}
.box>p>span{
    color: orange;
}
.box>.contie{
    margin-top: 40px;
    padding-left:110px;
}
.box>.contie>p>span{
    padding-left: 10px;
}
.box>.contie>p b{
    color: orange;
}
.imgBox{
    height: 100px;
    text-align: center;
}
.imgBox>img{
    height: 100%;
    border-radius: 10px;
}
.foot{
    margin: 40px;
    font-weight: bold;
}
.foot>p>span{
    color: orange;
}
</style>